<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
	<style type="text/css">
		*{
			margin:0px;
			padding:0px;
		}
		.table-jsq{
			border:1px solid #585858;
			width:230px;
			height:305px;
			/*border-collapse:collapse;*/
			background-color:#AAAAAA;
			margin:0px auto;
		}

		.table-jsq th{
			border:1px solid #585858;
			background:#000080;
		}
		.table-jsq td{
			border:1px solid #585858;

		}

		.ss-id input{
			width:40px;
			margin-left:5px;
		}
	</style>
	<!--先构造出个框架吧！待会写功能-->
 <title> 网页版 简易计算器</title>
 </head>
 <body>
	<table class="table-jsq">
		<tr><th colspan="4"><input type="text" id="input-jg"></th></tr>
		<tr><td width="30%"><input type="button"  value="POWER"></td><td width="23%"><input type="button" value="Clear"></td><td width="23%"><input type="button"  value="Back"></td><td></td></tr>
		<tr><td class="ss-id"><input type="button" value="1"></td><td class="ss-id"><input type="button" value="2"</td><td class="ss-id"><input type="button" value="3"</td><td class="ss-id"><input type="button" value="4"</td></tr>
		<tr><td class="ss-id"><input type="button" value="5"></td><td class="ss-id"><input type="button" value="6"</td><td class="ss-id"><input type="button" value="7"</td><td class="ss-id"><input type="button" value="8"</td></tr>
		<tr><td class="ss-id"><input type="button" value="9"></td><td class="ss-id"><input type="button" value="0"</td><td class="ss-id"><input type="button" value="."</td><td class="ss-id"><input type="button" value="="</td></tr>
		<tr><td class="ss-id"><input type="button" value="+"></td><td class="ss-id"><input type="button" value="-"</td><td class="ss-id"><input type="button" value="*"</td><td class="ss-id"><input type="button" value="/"</td></tr>
	</table>
 </body>
 </html>